<script setup lang="ts">

const prop = defineProps<{ title: string }>()

</script>
<template>
  <div class="row navbar">
    <Button>左按钮</Button>
    <h2>标题</h2>
    <slot><Button>右按钮</Button></slot>
  </div>
</template>
<style>
.row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.navbar {
  background-color: pink;
  height: 60px;
}

.navbar h2 {
  margin: 0;
}

.row button {
  width: 60px;
  height: 60px;
}
</style>